@import '~/src/styles/colors.less';

.orderConfim {
  background-color: #f7f8fa;
  padding-bottom  : env(safe-area-inset-bottom);
  min-height      : 100vh;
  font-size       : 0.85rem;


  .address {
    display         : flex;
    margin          : 1rem;
    background-color: #fff;
    padding         : 1rem;

    .addressLeft {
      flex       : 1;
      line-height: 1.5rem;

      .addressTitle {
        font-weight: 600;
        font-size  : 1rem;

        .map {
          display: inline-block;
        }

      }

      .addressDetails {
        font-size: 0.85rem;
      }
    }

    .addressRight {
      flex: 0;

      .addressRightIcon {
        display        : flex;
        justify-content: center;
        flex-flow      : column;
        height         : 100%;
      }
    }
  }

  .orderListBody {
    margin          : 1rem;
    background-color: #fff;

    .bodyFooter {
      padding      : 1rem;
      margin-bottom: 3rem;

      .bodyFooterItem {
        display        : flex;
        justify-content: space-between;
        font-size      : 0.85rem;
        line-height    : 1.5rem;

        .grayLabel {
          color: #808080;
        }

        .price {
          color: @purple100
        }
      }
    }
  }

  .orderFooter {
    position        : fixed;
    bottom          : 0;
    width           : 100vw;
    background-color: #fff;
    line-height     : 2.85rem;
    padding         : 1rem;
    display         : flex;

    .footerItem {
      flex    : 1;
      overflow: hidden;

      .bottomButton {
        margin-right    : 1rem;
        width           : 53vw;
        border-radius   : 2rem;
        height          : 2.85rem;
        line-height     : 2.85rem;
        text-align      : center;
        font-weight     : 600;
        color           : #fff;
        background-color: @purple100;
      }
    }

    .left {
      flex: 0 0 40vw;
    }
  }
}